注意：每道题前面出现的 (xx) 数字代表这道题出现的频次，此 JS 基础是基于 30+ 篇前端面经整理出的问题和对应的回答、参考链接等。文章内容为拿到 Offer ...

2018到2020年，3年经典面试题整理合集，话不多说，直接上题。 1，盒模型 1 ...

下面是高德地图覆盖物中的点标记（Marker类）的文档。 可以看到使用 content 属性，就可以自定义 DOM 节点。但传入的是字符串形式，那如何传入 <a href="https:/ ...

引言 在与实现了语音合成、语义分析、机器翻译等算法的后端交互时，页面可以设计成更为人性化、亲切的方式。我们采用类似于聊天对话的实现，效果如下： 智能客服（输入文本，返回引擎处理后的文本结果） 与智能客服对话 语音合成（ ...

跨浏览器且纯JavaScript检测document是否加载完成的方法是使用 if (document.readyState === 'complete') { // 页面已完全加载 } 这样可以在document完全加载时监测到 l ...

现象 windows 和 linux 系统网页挂载svg文件，出现cpu占比逐步增加的情况，时间过长后会发现页面浏览操作变得卡顿，鼠标事件响应变得很慢。最后可能导致系统崩溃。 原因 因为代码是由外包人员编写，因此找错的过程变得比较复杂，最 ...

图例 组件代码参考 <h2 :data-to="to" :data-from="from" data-speed="1000" ref="count ...

文章首次发表在 个人博客 前言 最近面试了很多家公司，这道题几乎是必被问到的一道题。之前总觉得自己了解得差不多，但是当第一次被问到的时候，却不知道该从哪里开始说起，涉及到的知识点很多。于是花时间整理了一下。并不仅仅是因为面试遇到了，而是理 ...

我们先看一下下面这张图： 1.gif 可以看到这是一个简易的聊天室，两个窗口的消息是实时发送与接收的，这个主要就是用我们今天要讲的websocket实现的。 websocket是什么？ websocket是一种网络通信协议，我们都知道htt ...

轮播图是项目中非常常见的一个效果，平时我们可能都会用别人写好的插件，但是必要的时候也需要自己手写，尤其是需要掌握下其中的实现原理。 一、需求 1.实现渐隐渐显自动轮播效果 2.鼠标移入：显示左右切换箭头，停止自动轮播 3.鼠标离开：隐藏左右 ...